<template>
    <h1>登录</h1>

    <table>
        <tr>
            <td>用户名</td>
            <td><input type="text" v-model="Name" ></td>
        </tr>

        <tr>
            <td>密码</td>
            <td><input type="password" v-model="Pwd" ></td>
        </tr>

        <tr>
            <td colspan="2">
                <input type="button" value="登录" @click="Login" >
            </td>
        </tr>

    </table>

</template>

<script setup lang="ts">
import {ref} from 'vue';
import axios from 'axios';
import { useRouter } from 'vue-router';

const router = useRouter();

const Name = ref('');
const Pwd = ref('');

//判断登录是否成功 和用户类型 用户状态
const Login = () => {
    axios({
        url:'http://localhost:62058/api/Login/UserLogin',
        method:'get',
        params:{
            UName:Name.value,
            UPwd:Pwd.value
        }
    })
    .then(res=>{

        console.log(res.data[0]);

        if(res.data[0]!=null){
            if(res.data[0].T_Name == '管理员' && res.data[0].U_State == '已登录'){
                alert('管理员已登录');
                return;
            }
            else if(res.data[0].T_Name=='用户' && res.data[0].U_State=='已登录'){
                alert('用户已登录');
                return;
            }
            else if(res.data[0].T_Name=='用户' && res.data[0].U_State=='未登录'){
                alert('用户登录成功');
                router.push({
                    name:'UserEaxt',
                    params:{
                        UId:res.data[0].U_Id
                    }
                })
            }
            else{
                alert('管理员登录成功');

            }
        }
        else{
            alert('登录失败');
        }
    })
    .catch(err=>{
        console.log(err);
    })
}


</script>
